@charset "utf-8";

#bottomnav li { width:25%; float:left; text-align:center;}
#bottomnav li a { color:#fff;}
blockquote, body, button, dd, dl, dt, fieldset, figcaption, figure, form, h1, h2, h3, h4, h5, h6, hr, img, input, legend, li, ol, p, pre, td, textarea, th, ul {
	border: medium none;
	margin: 0;
	padding: 0
}.back {
    line-height: 35px;
    text-align: right;
	padding-right:10px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #e8e8e8;
}
.ahu table { border-top:solid 1px #e8e8e8;border-right:solid 1px #e8e8e8;}
.ahu td { padding:5px; border-bottom:solid 1px #e8e8e8;border-left:solid 1px #e8e8e8;}
.dan { font-size:14px; color:rgb(153,153,153)}
.jiange {padding:5px 0}
.readmore {padding:0px 0 12px 0; text-align:right;}
body, html {
	-webkit-text-size-adjust: none;
	font-family: Microsoft YaHei, Arial;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-size: 15px;
	color: #666
}
.nyeji table {border-top:solid 1px #e8e8e8;border-left:solid 1px #e8e8e8;}
.nyeji td {border-right:solid 1px #e8e8e8;border-bottom:solid 1px #e8e8e8;}
button, input, select, textarea {
	font-family: Microsoft YaHei, Arial;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	vertical-align: middle;
	outline: 0
}
img {
	border: 0;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.clearfix {
*zoom:1
}
.clearfix:after, .clearfix:before {
	content: "";
	display: table
}
.clearfix:after {
	clear: both
}
ol, ul {
	list-style: none
}
a {
	color: #333;
	-webkit-transition: .35s;
	transition: .35s
}
a, a:hover {
	text-decoration: none
}
a:hover {
	color: #f25902;
	will-change: transform
}
a:active, a:hover {
	outline: 0
}
section {
	max-width: 85pc;
	margin: 0 auto;
	padding: 30px 0;
	overflow: hidden
}

.menu {
	width: 100%;
	position: absolute;
	right: 0;
	position: fixed;
	z-index: 10;
	height: 0;
	top: 72px;
	background: #222;
	overflow: hidden
}

.open .menu {
	height: 100%;
	overflow: auto
}

.menu li {
	line-height: 3pc;
	border-bottom: 1px dashed #505050;
}
.menu li a {
	display: block;
	padding: 0 10%;
	color: #eee
}
.menu li a.on {
	background: #154e93;
	color: #fff
}
.loading {
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	z-index: 100;
	text-align: center
}
.loading i {
	display: block;
	width: 140px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -70px 0 0 -70px
}

.logo {
	width: 350px;
	padding: 0;
	float:left;
}

header section {
	padding: 0
}
header {
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	z-index: 40;
	background: #fff;
	border-top: 7px solid #02328d;
	box-shadow: 0 0 10px #ccc;
}
header nav {
	float: left;
	margin-left: -1px;
	border-left: 1px solid #f2f2f2;
}
header nav li {
	float: left;
	width: 105px;
	text-align: center;
	border-right: 1px solid #f2f2f2;
}
header nav li a {
	display: block;
	
	font-size:16px;
	font-weight:bold;
	color:#565656;
}
header nav li a em, header nav li a span {
	display: block
}
header nav li a em {
	font-style: normal;
	text-align: center;
	font-size: 13px;
	color: #cacaca;
	line-height: 20px;
	font-family: arial;
	text-transform: uppercase;
	display: none;
	-o-transition: .3s;
	-ms--o-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s
}
header nav .yi a.act, header nav .yi a:hover {
	background: #03338d;
	color: #fff;
}


header nav li a.act em, header nav li a:hover em {
	display: block
}
.hidebox {
	overflow: hidden
}

.i_tit {
	text-align: center;
	font-size: 30px;
	color: #333;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	line-height: 45px;


	margin-bottom: 15px;
	position: relative;
	
}
.i_tit span {
	display: block;
	width: 90pt;
	position: absolute;
	bottom: 0;
	height: 4px;
	background: #04338d;
	left: 50%;
	margin-left: -60px;
	
}
.i_tips {
	text-align: center;
	padding-bottom: 30px;
	color: #888
}

.baner {
	width: 100%;
	position: relative;
	overflow: hidden;
/*	max-height: 35pc;*/
  height: 780px;
	padding-top:87px;
}
.baner_box {
	width: 750pt;
	margin: 0 auto;


}
.n_baner {
	width: 20in;
	margin: 0 -460px;
	overflow: hidden;
	display: block
}
.atlas {
	width: 999999px
}
.atlas li {
	float: left
}
.atlas li img {
	display: block
}
.n_baner .num {
	position: absolute;
	width: 100%;
	height: 9pt;
	bottom: 5%;
	left: 0;
	text-align: center;
	z-index: 5
}
.n_baner .num a {
	width: 9pt;
	height: 9pt;
	display: inline-block;
	background: #333;
	border-radius: 10px;
	margin: 0 5px
}
.n_baner .num a.on {
	background: #f25902
}

.i_us {
	background: url(../xianshan/bj_ius.jpg) no-repeat center;
	background-size: cover;
	color: #fff;
	position:relative
}
.i_us .img {
	float: left;
	width: 49%;
	position:relative
}
.i_us .img img {
	width: 100%;
	height: auto
}
.i_us .txt {
	float: right;
	width: 47%;
	line-height: 30px
}
.i_us .txt .tit {
	display: block;
	margin-bottom: 30px
}
.i_us .txt .tit b {
	line-height: 70px;
	font-size: 30px;
	border-bottom: 4px solid #154e93;
	display: inline-block
}
.i_us .txt a {
	display: inline-block;
	border: 1px solid #fff;
	color: #fff;
	padding: 4px 20px
}
.i_us .txt a:hover {
	background: #fff;
	color: #f25902
}
.i_us .txt p {
	padding-bottom: 10px
}

.newslist {
	float: left;
	width: 50%;
	height:100px;
	overflow:hidden;
}
.news { padding-bottom:20px;}
.newslist a img {
	width: 100%;
	height: auto;
	-webkit-transition: .4s;
	transition: .4s;
	-ms-transition: .4s
}
.newslist .imgs {
	float: left;
	width:20%;	
}


.newslist .imgs img {
	width:92%;
}
.newslist .jianjie {
	float: right;
	width: 80%;
	
	height: 85px;
	overflow: hidden;
}
.newslist h3 {
	font-size: 16px;
	height: 28px;
	line-height:28px;
	width: 95%;
	overflow:hidden;
}
.newslist p {
	height: 50px;
	overflow:hidden;
	line-height:25px;
	font-size: 13px;
	color: #888;
	width: 95%;
	border-bottom: solid 1px #ececec;
	height: 56px;
	
}
.newslist a:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	will-change: transform
}
.tomore {
	display: block;
	width: 200px;
	margin: 0 auto;
	height: 50px;
	text-align: center;
	background: #669acc;
	color: #fff;
	position: relative;
	line-height: 50px
}
.tomore i, .tomore span {
	position: absolute;
	width: 100%;
	height: 50px;
	left: 0;
	top: 0;
	z-index: 2;
	-webkit-transition: .4s;
	transition: .4s
}
.tomore i {
	z-index: 1;
	background: #f25902;
	width: 0
}
.tomore:hover i {
	width: 100%
}
.tomore:hover {
	color: #fff
}

.i_service {max-width: 80pc;}

.i_hr ul {
	width: 930pt
}
.i_hr li {
	float: left;
	width: 285px;
	margin-right: 20px;
	text-align: center;
	line-height: 24px;
	margin-bottom: 30px
}
.i_hr li a {
	display: block;
	overflow: hidden
}
.i_hr li a img {
	width: 100%;
	height: auto;
	-webkit-transition: .4s;
	transition: .4s;
	-ms-transition: .4s
}
.i_hr li a .imgs {
	border: 1px solid #ddd;
}
.i_hr li a figure span {
	display: block;
	margin: 6px;
	overflow: hidden
}
.i_hr li a figcaption {
	height: 24px;
	font-weight: 700;
	padding: 15px 0 4px
}
.i_hr li a p {
	height: 24px;
	font-size: 9pt;
	color: #888
}
.i_hr li a:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	will-change: transform
}
footer {
	background: #18212a;
	font-size: 13px;
	line-height: 24px;
	margin-top:45px;
}
footer, footer a {
	color: #8c9093
}
footer .bars {
	overflow: hidden;
	padding-bottom: 30px
}
footer .bars .list {
	float: left;
}
footer .bars .list h4 {
	color: #f6f6f6;
	font-size: 15px;
	line-height: 30px;
	padding-bottom: 5px;
}

footer .bars .i_contact {
	float:right;
	width:28%;
	text-align:right;
	border-left: 1px solid #435163;
}
footer .bars .i_contact p {
	position: relative;
	font-size:13px;
}
footer .bars .i_contact p i {
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	left: 0;
	top: 0
}
footer .bars .fast {
	width: 11%;
	line-height: 29px
}
footer .bars .fast a {
	padding-right: 1pc
}

footer address {
	font-style: normal;
	border-top: 1px solid #435163;
	display: block;
	padding: 10px 0 0 0;
}

.cd-top {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: fixed;
  bottom: 30px;
  right: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(87, 87, 87, 0.8) url(../images/top.jpg) no-repeat center;
  visibility: hidden;
  opacity: 0; border-radius:50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}

.crumbs {
	background: #f7f7f7;
	height: 40px;
	border-bottom: 1px solid #ddd;
}
.n_crumbs {
	max-width: 75pc;
	margin: 0 auto;
	color: #888
}
.n_crumbs .website {
	background: url(../images/icon_home.jpg) no-repeat left center;
	padding-left: 24px;
	float: left;
	line-height: 40px;
	
}
.n_crumbs a {
	color: #888;
	background: #f7f7f7;
}
.n_crumbs .nmenu {
	float: right;
	width:50%;
	
	height:40px;
}
.n_crumbs .nmenu ul {height:40px;border-right: solid 1px #ddd;}
.n_crumbs .nmenu li {
	float: right;
	width:16.5%;
	text-align:center;
	
}
.n_crumbs .nmenu li a {
	color:rgb(51,51,51);
	line-height:40px;
	display:block;
	height:40px;border-left: solid 1px #ddd;
}.n_crumbs .nmenu li a:hover, .n_crumbs .nmenu li .checked {
	height:37px; line-height:37px;
	border-bottom:solid 3px #f25902;
}
.about ul li {
	line-height: 32px;
	width: 29%;
	float: left;
	padding-left:1%;
}
.imgzuo {padding-left:20px; padding-bottom:20px;}
.imgx {padding-bottom:20px;}
.nnews .list, .ncase .list {
	background: #f7f7f7;
	overflow: hidden;
	margin-bottom: 30px
}
.nnews .list time {
	background: #02328d;
	display: block;
	float: left;
	width: 18%;
	height: 120px;
	text-align: center;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
}
.ncase .list time {
	display: block;
	float: left;
	width: 24%;
	height: auto;
	text-align: center;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
}
.ncase .list time img {
	width: 96%;
	min-height:100px;
	padding:2%
}
.list time a img {
	width: 100%;
	height: auto;
	-webkit-transition: .4s;
	transition: .4s;
	-ms-transition: .4s
}
.list time a:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	will-change: transform
}
.nnews .list time b, .ncase .list time b {
	display: block;
	font-size: 3pc;
	padding-top: 15px
}
.nnews .list .txt {
	width: 76%;
	float: right;
	padding: 10px 3% 0 10px;
	line-height: 24px;
}
.ncase .list .txt {
	width: 70%;
	float: right;
	padding: 10px 3% 0 10px;
	line-height: 24px
}
.nnews .list .txt a, .ncase .list .txt a  {
	display: block
}
.nnews .list .txt h2, .ncase .list .txt h2 {
	padding: 10px 0;
	font-size: 18px
}

.turn_page {
	text-align: center;
	padding: 15px 0 0
}
.turn_page a {
	display: inline-block;
	border: 1px solid #ddd;
	padding: 5px 10px
}
.turn_page a:hover {
	background: #6094c6;
	color: #fff
}
.contact .left, .contact .right {
	width: 32pc;
	float: left;
	background: #f5f5f5
}
.contact .right {
	float: right
}
.contact .conus {
	background: #f7f7f7;
	padding: 35px;
	line-height: 23px
}

.contact .conus li, .contact .conus p {
	padding: 8px 0;
	overflow: hidden
}
.contact .conus li span {
	width: 50%;
	display: block;
	float: left
}
.contact .conus li label {
	width: 84px;
	display: block;
	float: left;
	line-height: 40px
}
.contact .conus li input {
	height: 40px;
	border: 1px solid #ddd;
	width: 385px;
	padding: 0 10px
}
.contact .conus li input.short {
	width: 130px
}
.contact .conus li.btn {
	padding: 20px 0 13px 74px
}
.contact .conus li.btn .sumit {
	width: 405px;
	cursor: pointer;
	background: #333;
	color: #fff;
	height: 3pc;
	font-size: 1pc
}
.contact .conus h4 {
	height: 20px;
	border-left: 4px solid #02328d;
	padding-left: 10px;
	margin-bottom: 1pc;
	font-size: 14px;
	color: #333
}
.contact .box {
	margin: 35px 0
}
.sshou #sshouk {
	float: left;
	width: 33%;
	text-align:center;
	padding:20px 0;
}
.kuai {padding:30px 0}
.kuai .zuo {
	float: left;
	width: 20%;
	padding-right:5%;
}
.kuai .you {
	float: left;
	width: 75%;
	text-align:left;
}
.kuai .you h3 {
	line-height:32px;
}
.name {margin: 0 auto 20px; border-bottom:solid 1px #ddd;padding-bottom:12px; text-align:center} 
.name p {font-size:20px;}
.publictxt {
	line-height: 26px
}
.publictxt p {
	padding: 10px 0
}
.publictxt img {
	max-width: 100%;
	height: auto;
	border: 1px solid #ddd
}
.publictxt .visited {
	height: 34px;
	border: 1px solid #6094c6;
	color: #6094c6;
	display: block;
	text-align: center;
	line-height: 34px;
	margin-top: 20px
}
@media screen and (max-width:1920px)and (min-width:999px) {
.fadein, .fadeleft, .faderight, .fadeup {
	transition: 1.2s;
	-moz-transition: 1.2s;
	-ms-transition: 1.2s;
	-o-transition: 1.2s;
	-webkit-transition: 1.2s;
	opacity: 0
}
.fadeup {
	transform: translateY(1500px);
	-moz-transform: translateY(1500px);
	-ms-transform: translateY(1500px);
	-o-transform: translateY(1500px);
	-webkit-transform: translateY(1500px)
}
.fadeleft {
	transform: translateX(1500px);
	-moz-transform: translateX(1500px);
	-ms-transform: translateX(1500px);
	-o-transform: translateX(1500px);
	-webkit-transform: translateX(1500px)
}
.faderight {
	transform: translateX(-1500px);
	-moz-transform: translateX(-1500px);
	-ms-transform: translateX(-1500px);
	-o-transform: translateX(-1500px);
	-webkit-transform: translateX(-1500px)
}
.active .fadein {
	opacity: 1
}
.active .fadeleft, .active .faderight {
	opacity: 1;
	transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	-webkit-transform: translateX(0)
}
.active .fadeup {
	opacity: 1;
	transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	-webkit-transform: translateY(0)
}
}
.ul-employee img { width:100%;
height:100%}

@media screen and (max-width:1199px) {
	#dowebok {
	max-width: 1199px;
}
section {
	width: 100%;
	padding: 30px 0
}
header nav li {
	width: 5pc
}
header nav li a {
	padding-left: 10px;
	padding-right: 10px
}
.i_hr ul, .i_custmer ul, .i_news .list_bar, .i_process ul, .i_service ul {
	width: 100%
}
.i_hr li, .i_service li, .i_service.i_packages li {
	width: 25%;
	margin: 0 0 20px
}
.i_hr li a, .i_service li a {
	margin: 0 8px
}
.i_service li a {
	padding: 20px
}
.i_service li a img {
	max-width: 75%
}
.i_us .img img {
	width: 95%
}
.i_us .txt {
	line-height: 26px;
	padding-right: 20px;
	box-sizing: border-box
}

.i_news .list, footer {
	box-sizing: border-box
}
footer {
	padding: 10px
}

.contact .left, .contact .right {
	width: 44%;
	padding: 2%;
	margin: 0 1%
}

}
@media screen and (max-width:1114px) and (min-width:1024px) {

	#dowebok {
	max-width: 1024px;
}

.contact .conus li.btn {
	padding-left: 0
}
}
@media screen and (max-width:1024px) {
.sshou #sshouk {
	float: none;
	clear:both;
	width: 100%;
	text-align:center;
	padding:20px 0;
}
.contact .left, .contact .right {
	width: 96%;
	padding: 2%;
	margin: 15px 0
}
.contact .box {
	margin-bottom: 15px
}
.contact .conus li.btn {
	padding-left: 74px
}
}
.iimg2 { width:33.33%; height:400px; }
@media screen and (max-width:999px) {
	
	.nnews .list .txt, .ncase .list .txt {
	max-height: 90px;
	overflow: hidden
}
.iimg { width:100%; }
.iimg2 { width:33.33%; height:300px; }
.n_crumbs .website {
	float:none;
	clear:both;
	display:none;
	
}
.n_crumbs .nmenu {
	float:none;
	clear:both;
	width:100%;
}
.n_crumbs .nmenu li {
	float: right;
	width:33.3%;
	text-align:center;
	
}
.newslist {
	float: none;
	clear:both;
	width: 100%;
	height:100px;
	overflow:hidden;
}
.newslist .imgs img {
	max-width: 114px;
	max-height:84px;
}
header {
	height: 65px
}
.top {
	display: none
}
.logo {
	padding: 0
}

.logo img {
	height: 60px;
}
header section {
	padding: 5px 10px;
	position: relative
}
header .top section {
	padding: 0 10px
}
section {
	padding: 30px 10px;
	box-sizing: border-box
}
header nav {
	display: none
}
.btn_menu {
	width: 34px;
	height: 34px;
	height: 4px;
	background: #444;
	display: block;
	position: absolute;
	right: 10px;
	top: 30px;
	cursor: pointer
}
.btn_menu:before {
	top: -10px
}
.btn_menu:after, .btn_menu:before {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	background: #444;
	position: absolute;
	-webkit-transition: .4s;
	transition: .4s
}
.btn_menu:after {
	bottom: -10px
}
.open .btn_menu {
	background: transparent
}
.open .btn_menu:before {
	transform: rotate(45deg) translateY(14px);
	-moz-transform: rotate(45deg) translateY(14px);
	-ms-transform: rotate(45deg) translateY(14px);
	-o-transform: rotate(45deg) translateY(14px);
	-webkit-transform: rotate(45deg) translateY(14px);
	transform-origin: 50%
}
.open .btn_menu:after {
	transform: rotate(-45deg) translateY(-14px);
	-moz-transform: rotate(-45deg) translateY(-14px);
	-ms-transform: rotate(-45deg) translateY(-14px);
	-o-transform: rotate(-45deg) translateY(-14px);
	-webkit-transform: rotate(-45deg) translateY(-14px);
	transform-origin: 50%
}

.banner {
	margin-bottom: 0
}
.baner, .baner_box, .n_baner {
	width: 100%;
	padding: 0;
	margin: 0;
	
}

.i_us .txt p {
	font-size: 9pt
}

footer .bars {
	padding-bottom: 20px
}
footer .page .bars .list.fast.faderight {
	display: none;
}
footer .bars .i_contact {
	text-align:left;
	float:left;
	width:100%;
}
.baner {
	padding-top: 65px;	
}
.i_us .img  {
	display: none
	}
footer .bars .i_contact {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
footer .bars .form, footer .bars .i_contact {
	width: 50%;
	box-sizing: border-box
}
footer .bars .hotline {
	width: 100%;
	text-align: center;
	padding: 15px 0;
	background: #0f141a
}
footer .bars .hotline big {
	padding: 0;
	margin: 0;
	display: inline-block
}
footer address {
	text-align: center
}
footer .bars .hotline h4, footer .bars .hotline p, footer .links, footer .share {
	display: none
}
footer section {
	padding-bottom: 0
}

.i_us .txt {
	width:100%;
	}

.inbaner section, .inbaner section p {
	width: 100%;
	margin: 0
}
.inbaner section img {
	width: 100%;
	height: auto
}
.zxqq {
	display: none
}
.contact .conus li input.short {
	width: 200px
}
.i_hr li a figcaption {
	padding: 8px 0 4px
}
}
.inbaner {
	background: rgb(102, 154, 204); width: 100%; color: rgb(255, 255, 255); overflow: hidden; position: relative;
}
.inbaner section {
	margin: 0px auto; padding: 0px; width: 75pc; overflow: visible;
}
.inbaner section p {
	margin: 0px -250px;  overflow: hidden; display: block;
}
@media screen and (max-width:770px) {
.about ul li {
	line-height: 32px;
	width: 44%;
	float: left;
	padding-left:2%;
}
.i_hr li, .i_service li, .i_service.i_packages li {
	width: 50%;
	box-sizing: border-box
}
.nnews .list .txt {
	width: 72%
}
.ncase .list .txt {
	width: 63%
}
.ncase .list time {
	width: 30%
}
.newfy li {
	width: 100%;
	border-bottom: 1px solid #ddd
}
.contact .conus li span {
	width: 100%;
	padding-top: 8px
}
.contact .conus li input, .contact .conus li input.short {
	width: 70%
}
.contact .conus li.btn .sumit {
	width: 88%
}
}
@media screen and (max-width:640px) {

	.loading{ display:none;}
footer .bars .form, footer .bars .i_contact {
	width: 100%;
	float: none
}
.i_us .txt {
	padding: 0
}

footer .bars  .i_contact {
	dispaly:none;
	}
	.nnews .list time {
	width: 100%;
	height: auto;
	padding: 10px;
	float: none
}
.nnews .list p { margin-bottom:12px;}
.nnews .list time b, .ncase .list time b {
	padding: 0;
	font-size: 24px
}
.nnews .list .txt {
	width: auto;
	float: none;
	padding: 10px
}

.contact .bus, .contact .left, .contact .right {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	background-size: 15%
}
}
@media screen and (max-width:480px) {
	#dowebok {
	width: 300px;
}
#dowebok .item {
	max-width: 100%;
}
.i_service li:nth-child(3), .i_service li:nth-child(4) {
	margin-bottom: 0
}
.i_hr li:nth-child(2n) a, .i_hr li:nth-child(2n-1) a, .i_service li:nth-child(2n) a, .i_service li:nth-child(2n-1) a {
	margin: 0 5px 0 0
}
.i_hr li, .i_service li, .i_service.i_packages li {
	margin-bottom: 10px
}
.i_tit, .i_us .txt .tit b {
	font-size: 20px;
}

.i_news .list, .i_us .img, .i_us .txt {
	width: 100%;
	float: none;
	padding-bottom:20px;
}
.i_us .img img {
	max-width: 60%;
	margin: 0 auto;
	display: block
}
.i_service li a img {
	max-width: 50%
}
.i_packages li a img {
	max-width: 40%
}
.i_news .list {
	margin: 0 0 20px
}
footer {
	padding: 0
}
footer .bars .hotline {
	padding: 10px 0
}

footer .bars  .i_contact {
	dispaly:none;
	}
	.contact .conus li.btn {
	padding: 15px 0
}
.contact .conus li, .contact .conus li span {
	padding: 0
}
.contact .conus li input, .contact .conus li input.short, .contact .conus li label, .contact .conus li.btn .sumit {
	width: 100%;
	float: none;
	box-sizing: border-box
}
}
@media screen and (max-width:320px) {
	.about ul li {
	line-height:32px;
	width: 90%;
	float: left;
	padding-left:2%;
}
	#dowebok {
	width: 100px;
}
#dowebok .item {
	max-width: 100%;
}
section {
	padding: 20px 10px
}
.i_service li:nth-child(3) {
	margin-bottom: 10px
}
.i_hr li, .i_service li, .i_service.i_packages li {
	width: 100%;
	float: none
}
.i_hr li:nth-child(2n) a, .i_hr li:nth-child(2n-1) a, .i_service li:nth-child(2n) a, .i_service li:nth-child(2n-1) a {
	margin: 0
}

	footer .bars  .i_contact {
	dispaly:none;
	}
	footer .bars .hotline {
	padding: 10px 0
}
.i_us .img {dispaly:none;}

}

.n_about p { line-height:28px; }
.about img {
    border-radius: 10%;
    overflow: hidden;
    position:relative;
	float:left;
	padding:0 20px 20px 0
}
.n_about h3 {
	background-color: #f7f7f7;
	font-size: 15px;
	line-height: 40px;
	padding-left: 12px;
	color: rgb(3,51,141);
	margin-bottom: 12px;
	margin-top: 20px;
}
.jishu p {
	padding-bottom: 12px;
}
.jishu img {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.leftnav li a{
	background: url(../images/jiantou1.jpg) no-repeat right 10px;
	line-height: 45px;
	display: block;
	font-size: 18px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #d7d7d7;
	border-bottom-color: #d7d7d7;
	margin-bottom: 12px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 15px;
	text-decoration: none;
	color: #505050;
}
.leftnav li a.on{
	background-color: #e7e7e7;
}
.leftnav li ul{
	display: none;
	padding-bottom: 30px;
}
.leftnav .maincon{
	padding: 5px 20px 30px 20px;
}.lanse {
	color: rgb(3,51,141);
	font-weight: bold;
}
.aa img {-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;}


.erji {
	width: 105px;
	display: none;
	position: absolute;
	z-index: 9999999;
	clear: both;
	color: #fff;
	font-size: 13px;
	top: 0px;
	
}

.erji h3{background-color: #03338d;font-size:15px;color:rgb(255,255,255); font-size:16px;}
.erji h3 a{ color:#fff;background-color: #03338d;}
.erji h3 .enn {display: block;font-style: normal;
	text-align: center;
	font-size: 13px;
	color: #cacaca;
	line-height: 20px;
	font-family: arial;
	text-transform: uppercase;background-color: #03338d;}
.erji p {font-size:13px; line-height:32px; height:32px;b}
.erji p a {font-size:13px;color:#fff; background-color:#1870b7;}
.erji p a:hover {
	color:#fff; background-color:#f25902;
}
.nnewslist a p { color:rgb(102,102,102)}
#gaodu { display:none}
#bottomnav { display:none}
@media screen and (max-width:999px) {
#bottomnav{width:100%; max-width:999px;text-align:center;position:fixed !important;bottom:0;max-width:999px;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}

	#bottomnav { display:block ; font-size:12px; clear: both; position: relative; z-index: 10; height: 50px; margin-top: -50px; background-color:#000;  padding:12px 0; }
	#bottomnav a:hover { font-weight:bold}
	#gaodu { height:50px;display:block}
}